import Vue from 'vue';
import VeeValidate , { Validator }from 'vee-validate';
// 引入中文简体语言
import zh_CN from 'vee-validate/dist/locale/zh_CN';
// 引入正则
import {phoneReg,codeReg,pwdReg} from './reg'
Vue.use(VeeValidate);
// 一定要把这个js文件在main.js中做一个引入 不然不会执行！！！
// 使用中文简体语言
Validator.localize('zh_CN', zh_CN);

// 自定义验证规则
// 参数1  定义规则名字   参数2 配置对象
// Validator.extend('phone', {
//   //功能: 验证失败时就会执行的回调函数  提示错误信息的
//   //参数: 就是input的name属性值
//   //返回值:错误信息
//   getMessage: field => {
//     console.log('field是:'+field)
//     return '好兄弟 你输入的手机号不合法 请好好填写！！！'
//   },
//   // 功能: 只要输入值的时候就会执行  验证是否符合验证规则
//   // 参数: 用户输入的值
//   // 返回值：返回一个布尔值  true符合验证规则  false不符合验证规则
//   validate: value => {
//     console.log('value是:'+value)
//     return phoneReg.test(value)
//   }
// });


//手机号的验证规则
Validator.extend('phone_rule', {
	//验证规则
	validate: value => phoneReg.test(value),
	//验证失败的回调
  getMessage: filed => '手机号格式不合法！', 
});

//验证必要性的规则
Validator.extend('required', {
	//验证规则
	validate:(value)=>{ //value你输入的值
		return value
	},
	//验证失败的回调
  getMessage: (field) => { 
		return field + '必须输入！'
	}, 
});

//验证码的验证规则
Validator.extend('code_rule', {
	//验证规则
	validate: value => codeReg.test(value),
	//验证失败的回调
  getMessage: filed => '验证码必须为6位数字！', 
});

//密码的验证规则
Validator.extend('pwd_rule', {
	//验证规则
	validate: value => pwdReg.test(value),
	//验证失败的回调
  getMessage: filed => '密码为6到21位英文、数字、下划线', 
});

//重复密码的验证规则
Validator.extend('ispwd', {
	//验证规则
	validate: (value,args) => value === args[0],
	//验证失败的回调
  getMessage: filed => '重复密码必须和登录密码一致', 
});

//协议规则
Validator.extend('isagree', {
	//验证规则
	validate: value => value,
	//验证失败的回调
  getMessage: filed => '协议必须同意！', 
});